body {
 font-family: Geneva, Arial, Helvetica, sans-serif;
    background: #ffccaa
url("http://365psd.ru/images/backgrounds/bg-lightl-897.jpg");
    
}

.blok {
position:fixed;
width:20%;
//float: left;
left:0px;
padding:1em;

background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0,
0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0,
0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0,
0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.blokright {
position:fixed;
width:20%;
right:0px;
padding:1em;

background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0,
0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0,
0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0,
0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.blok2 {
width :50%;
//float:left;
position:absolute;
left:24%;
padding:1em;

background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0,
0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0,
0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px
rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0,
0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.blok2 p {
font-size:16px;
font-weight:bold;
}

.boxShadow18 {   
margin: 1em auto;
padding: 1em; border-radius: 0px; 
background: rgb(255,255,255); 
box-shadow: inset rgba(0,0,0,.0) 0 -3px 8px,inset rgba(252,255,255,.7) 0 3px 8px, rgba(0,0,0,.8) 0 3px 8px -3px;
}


#searchblock {
margin:1px;

   padding:1em;
   border-width:1;
   border-color: rgb(190,190,190);
   border-style: solid;
}
	    
#searchblock:hover
{
background:#FFCCAA;
-webkit-transform: translateX(-7px);
  transform: translateX(-7px);
}

#searchblock2 {
margin:1px;

   padding:1em;
   border-width:1;
   border-color: rgb(190,190,190);
   border-style: solid;
}
	    
#searchblock2:hover
{
background:#FFCCAA;
-webkit-transform: translateX(-7px);
  transform: translateX(-7px);
}
		 

.topdiv{
    height: auto;
    border-radius: 5px;
    margin: 2% auto;
    box-shadow: 0 9px 50px hsla(20, 67%, 75%, 0.31);
    padding: 2%;
//    background-image: linear-gradient(-225deg, #E3FDF5 50%, #FFE6FA 50%);
}
/*.inputmy{
    width: 238px;
    margin: 0;
    padding: 12px 10px;
    border: 1px solid #ccc;
    outline: none;
    font-size: 14px;

}
*/
#mylabel{
vertical-align: middle;
//background-color: #363b41;
//border-radius: 0px 0px 0px 0px;
//-moz-border-radius: 3px 0px 0px 3px;
//-webkit-border-radius: 3px 0px 0px 3px;
color: #606468;
display: block;
float: left;
height: 30px;
line-height: 50px;
text-align: center;
width: 40px;
border: 1;
}


.myimg{
 margin: 0 auto; 
width:30px;
}

.myinput{
width: 70px;
height: 30px;
border: 1;
border-radius: 0px;
outline: 0;
display: block;
font-size: 18px;
float:left;
}